<template>
  <div class="wrap">
    <div class="more_title">组织机构</div>
    <div v-html="list[0].content"></div>
  </div>
</template>

<script>
import { mapState } from 'vuex'
import { findAllInstitution } from '@/api/config'
export default {
  name: 'institution',
  components: { },
  data () {
    return {
      list: []
    }
  },
  mounted () {
    this.getList()
  },
  computed: {
    ...mapState({
    })
  },
  watch: {
  },
  methods: {
    async getList () {
      let params = {
        status: 'PUBLISHED',
        pageSize: 10,
        pageNum: 1
      }
      let res = await findAllInstitution(params)
      if (res.code === 200) {
        this.list = res.data.items
        // this.total = res.data.totalCount
      }
    }
  }
}
</script>

<style lang="stylus" scoped>
@import '../../../../styles/var.styl'
.wrap
  width: 1200px;
  margin 0 auto
  padding 0 20px
  .more_title
    font-size 16px
    border-bottom 2px solid #1677cb
    margin-bottom 15px
    font-weight bold
    padding-bottom: 5px;
</style>
